<!-- head.html start -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://www.gome.com.cn/ec/homeus/favicon.ico">
    <title>国美TRP</title>
    <script src="/static/common/semi/seajs/seajs/2.2.1/sea.js" id="seajsnode"></script>
    <script src="/static/common/semi/config.js"></script>
    <script href="/static/common/bootstrap/js/bootstrap.min.js"></script>
    <link href="/static/common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/trp/css/home.css" rel="stylesheet">
</head>

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="/static/trp/images/logo.jpg" width="170" height="60"></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="btn-user" href="#">libolong@semidata.com</a></li>
                    <li>|</li>
                    <li><a class="btn-logout" href="login.html" title="退出">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
<!-- head.html end -->

<!-- left.html start -->
<div class="location">
	<span>位置：</span>
	<ol class="breadcrumb">
	  <li><a href="#">商铺运营</a></li>
	  <li><a href="#">商户列表</a></li>
	  <li class="active">账号列表</li>
	</ol>
</div>
    <div class="container-fluid">
        <div class="row">
            <div class="sidebar">
                <ul class="nav nav-sidebar">
                    <li><a href="index.html"><i class="icon1"></i>首页</a></li>
                    <li class="active"><a href="media.html"><i class="icon2"></i>媒体库</a></li>
                    <li><a href="resources.html"><i class="icon2"></i>媒体资源</a></li>
                    <li><a href="strategy.html"><i class="icon3"></i>素材审核</a></li>
                    <li><a href="material.html"><i class="icon4"></i>通知</a></li>
                </ul>
            </div>
            <div class="main">
<!-- left.html end -->

<!-- main.html start -->
             <div class="pageheader txtr">
            	<a class="btn-new createMedia" href="javascript:;"><span class="glyphicon glyphicon-plus"></span>新增媒体</a>
                   <div class="daterangebox" style="margin-right:40px;">
                       <input type="text" name="reservation" class="daterangebox-ipt" value="2014-01-04 至 2014-06-11" readonly />
                       <a class="daterangebox-btn" href="javascript:;">日期</a>
                   </div>
                   <div class="searchbox">
                       <label>搜索<input id="term" class="searchbox-ipt" placeholder="媒体、网站、广告位名称、属性、地域" type="text"></label>
                       <a class="searchbox-btn" href="javascript:;"></a>
                   </div>
               </div>
               <table id="mediaResources" class="grid" width="100%">
                   <thead>
                       <tr>
                           <th sort="depart">广告位名称</th>
                           <th>广告位属性</th>
                           <th>尺寸</th>
                           <th>素材类型</th>
                           <th>大小限制</th>
                           <th>流量开关</th>
                           <th>所属网站</th>
                           <th>网站属性</th>
                           <th style="width:560px;">操作</th>
                       </tr>
                   </thead>
                   <tbody></tbody>
               </table>
               <script>seajs.use('trp/js/media');</script>
<!-- main.html end -->

<!-- footer.html start -->
            </div>
        </div>
    </div>
</body>
</html>
<!-- footer.html end -->